<!DOCTYPE html>
<html >
    <head>
        <meta charset="UTF-8">
        <title>声明方法</title>
        <link rel='stylesheet' type='text/css' href='../css/c1.css'>
    </head>
    <script>
        window.onload = function () {
            //不带参数
            //因为javascript是弱类型的语言，所以参数不需要加类型。函数的也不需要像c#那样要求所以路径都需要有返回值（这个不像c#语言，而且c#的方法也不需要在方法名前面在 function关键字）
          document.getElementById('btn1').onclick = function () {
              function add() { //现在只是声明了一个函数在这里，只有调用到它的时候它才会被执行。
                 var i = 6;
                 var j = 5;
                  var c = i+j;
                  alert(c);
              }
              add();
               //输出11
          };

            //js中并非所有路径都有返回值，如果没有返回值他就认为返回值是undefined
            document.getElementById('btn2').onclick = function () {
                function sum(x, y) {
                    if (x > y) {
                        alert(x + y);
                    }
                }
                var z = sum(2, 6); //因为2并不大于6所以sum函数就没有返回值。如果没有返回值他就认为返回值是undefined。
                alert(z); //所以它就输出了undefined
            };
        };

    </script>
    <body>
    <div class="title">
        声明方法（两种）
    </div>
    <div class="title">
        代码示例
    </div>
    <div class="code">
        <pre>
            //不带参数
             function add() { //现在只是声明了一个函数在这里，只有调用到它的时候它才会被执行。
                 var i = 6;
                 var j = 5;
                  var c = i+j;
                  alert(c);
              }
              add();  //调用



            //带参数 带返回值
             function sum(x, y) {
                if (x > y) {
                    alert(x + y);
                }
            }
            var z = sum(2, 6); //因为2并不大于6所以sum函数就没有返回值。如果没有返回值他就认为返回值是undefined。
            alert(z);
        </pre>
    </div>
    <div class="title">
        代码示例
    </div>
    <div class="code">
        <button id ='btn1'>不带参数</button>
        <button id ='btn2'>带参数</button>
    </div>
    </body>
</html>